<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>z-index_CSS</title>

<style>
/*.z1,
.z2,
.z3 {
	position: absolute;
	width: 900px;
	height: 200px;
	padding: 5px 10px;
	color: #fff;
	text-align: right;
}
.z1 {
	z-index: 0;
	top: 10px;
	left: 10px;
	background: #000;
}
.z2 {
	z-index: 2;
	top: 20px;
	left: 20px;
	background: #C00;
}
.z3 {
	z-index: 3;
	width: 500px;
	margin: 0 auto;
	top: 60px;
	left: 60px;
	background: #999;
img{
	position: absolute;
	width: 900px;
	height: 400px;
	z-index: 4;
}*/

.triangle-topright {
    width: 67px;
    /*height: 10px;*/
   	/*position: absolute;*/
    /*background-color: transparent;*/
    border-right: 15px solid transparent;
    border-top: 30px solid red; 
    /*margin-left: -10px;*/
    /*border-right: 100px solid red;*/
    /*border-bottom: 1px solid red;*/
   /*border-left: 15px solid yellow;
   border-right: 15px solid lawngreen;
   border-top: 15px solid black;
   border-bottom: 15px solid blue;*/
}
p{
	/*margin: -30px;*/
}
.content{
	width: 100px;
	height: 100px;
	background-color: green;
}
.triangle-trapezoid{
	position: absolute;
    background-color: black;
}
</style>
</head>
<body>
<!--	
<img src="img/dingsou_03.jpg"/>
	
<div class="z1">z-index:2</div>

<div class="z2">z-index:2</div>
<div class="z3">z-index:3</div>-->
<div class="content">
	
</div>
<br />
<div class="triangle-topright">
	<!--<p>sssssssssssssssaaaaaaa</p>-->
</div>
<br />
<pre>
body {
  color:red;
}
</pre>
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
    <input type="range" name="b" value="0" /> +
    <input type="number" name="a" value="10" /> =
    <output name="result"></output>
</form>
<form oninput="result.value=parseInt(aa.value)+parseInt(bb.value)">
	<input type="range" name="bb" value="10" /> +
	<input type="number" name="aa" value="10" /> =
	<output name="result"></output>
	<input type="submit" value="提交" />
</form>

<article>
  <p>
    The Disney movie <em>The Little Mermaid</em> was
    first released to theatres in 1989.
  </p>
  <aside>
    The movie earned $87 million during its initial release.
  </aside>
  <p>
    More info about the movie...
  </p>
</article>
</body>
</html>